<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页轮播图管理</title>
    <link rel="stylesheet"  type="text/css"  href="/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet"  type="text/css" href="/css/bannertu.css">
    <link rel="stylesheet" type="text/css" href="/css/layer.css">

</head>
<body>
<div class="panel panel-default" >
    <div class="panel-heading">首页轮播图管理 <span style="color: #999;font-size: 12px">建议上传尺寸750px*390px</span></div>
    <div class="panel-body">
        <div class="row">
            {volist name = "result" id = "v"}
            <div class="col-sm-6 col-md-4">
                <div class="thumbnail">
                    <input type="text" name="id1" class="text" value="{$v.id}" hidden>
                    <input type="text" name="clsaaify" class="clsaaify" value="{$v.classify}" hidden>
                    <img src="{$v.image_addr}" style="height: 200px">
                    <div class="caption">
                        <p><button type="button" class="btn btn-default editbtn" data-toggle="modal" data-target="#myModal">编辑</button></p>
                    </div>
                </div>
            </div>
            {/volist}
        </div>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">修改首页轮播图<span style="color: #999;font-size: 12px">建议上传尺寸750px*390px</span></h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" enctype="multipart/form-data" method="post" action="{:url('admin/carousel/update')}">
                        <input type="text" name="id" hidden id="id" >
                        <div class="form-group">
                            <label  class="col-sm-4  control-label">当前分类名称：</label>
                            <div class="col-sm-8">
                                <div class="row">
                                    <span class="cateName" ></span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-4  control-label">请选择一级分类：</label>
                            <div class="col-sm-8">
                                <div class="row">
                                    <div class="col-sm-5 dropdown">
                                        <select class="form-control" id="first" name="firstName">
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-4 control-label">请选择二级分类：</label>
                            <div class="col-sm-8">
                                <div class="row">
                                    <div class="col-sm-5 dropdown">
                                        <select class="form-control" id="section" name="secondName">
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-4 control-label">请选择三级分类：</label>
                            <div class="col-sm-8">
                                <div class="row">
                                    <div class="col-sm-5 dropdown">
                                        <select class="form-control" id="three" name="thirdName">
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <input type="text" name="categroy" hidden id="threeid">
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-4 control-label">请选择商品：</label>
                            <div class="col-sm-8">
                                <div class="row">
                                    <div class="col-sm-5 dropdown">
                                        <select class="form-control" name="shop_id" id="goodselect">
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-4  control-label">请选择图片：<span style="color: #e92300;font-size: 12px"><br/>(建议上传尺寸750px*390px)</span></label>
                            <div class="col-sm-8">
                                <div class="row">
                                    <div class="col-sm-3 ">
                                        <div ><img id="ImgPr"  src="" style="width:
300px;height: 200px"/></div>
                                        <input type="file" id="up" name="img"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-4  control-label"></label>
                            <div class="col-sm-8">
                                <button type="submit" class="btn btn-info  " id="bok">确认修改</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/js/method.js"></script>
<script src="/js/upimg.js"></script>
<script src="/js/carousel.js"></script>
</body>
</html>